
.header {height: 60px;line-height: 60px;width: 100%;background-color: #4bc1d2;color: white;}
.header .hd {width: 90%;margin: 0px auto;overflow: hidden;}

.hd-left-span {font-size: 16px;}

.right-img img {width: 24px;height: 24px;margin: 0px 5px;}

#cityName {cursor: pointer;color: white;}

.container {width: 100%;height: 100%;overflow: hidden;}

.weathers {width: 100%;margin: 0px auto;background-image: url(../images/weatherbg/1_3.jpg);background-size: 100% auto;background-position: center;}
.weath-top {height: 45px;line-height: 45px;overflow: hidden;}
.weath-top div {color: white;}
.weath-center {overflow: hidden;color: white;}
.weath-bottom {overflow: hidden;height: 30px;line-height: 30px;margin-top: 20px;font-size: 16px;color: white;}

.center-right, .center-left {width: 50%;height: 44px;text-align: center;padding-left: 20px;font-size: 16px;color: white;}
.center-right {text-align: left;padding-left: 20px;}

.temperature {line-height: 50px; font-size : 36px;color: #f5a614;font-size: 36px;}
.temperature-small {font-size: 18px;color: #f5a614;}

.bottom-right, .bottom-left {width: 50%;}
.bottom-left {border-right: 1px solid #dcdcdc;text-align: center;}
.bottom-right {text-align: center;}

.top-right {margin-top: 5px;}
.top-left {cursor: pointer;padding-left: 5px;}

.top-center {overflow: hidden;white-space: nowrap;display: none;}


.collection-title, .news-title-bar, .share-title {width: 100%;background-color: #f0f0f0;padding: 6px;font-size: 16px;overflow: hidden;}
.wj-news-title-bar{overflow: inherit;}

.shareList {overflow: hidden;margin-bottom: 10px;}
.shareList li {float: left;width: 25%;max-height: 122px;list-style: none;}
.shareImg img {width: 90%; height: 100px;padding-top: 10px;}

.news-bd-lt {width: 36%;padding-right: 6px;}
.news-bd-rg {width: 63%;height: 254px;background-color: white;padding: 6px;line-height: 24px;font-size: 14px;overflow: hidden;}
.news-bd {overflow: hidden;background-color: #e8e8e8;}
.news-lt-focus {height: 150px;background-color: #fcc837;padding: 10px;color: white;}
.news-lt-set {height: 98px;line-height: 78px;margin-top: 6px;background-color: #6ac83c;padding: 10px;color: white;}

h4.focus-title {font-size: 16px;text-align: center;}

.focus-bd {position: relative;bottom: -80px;overflow: hidden;height: 34px;line-height: 34px;}
.focus-lv {color: #345698;}
.focus-index {color: #cfa345;font-size: 24px;}

.set-db span {font-size: 20px;color: #345698;}

.collection {width: 100%;}
.collection-bd {padding: 10px 0px;}
.collection ul {overflow: hidden;width: 100%;list-style: none;}
.collection ul li {float: left;width: 20%;text-align: center;}
.collec-top {text-align: center;vertical-align: middle; display : inline-block;position:relative}
.collec-top img {width: 80%;}
.collec-top img.bg {}
.collec-bottom {font-size: 15px;margin: 5px 0px;width: 60px;overflow: hidden;height: 20px;margin: auto;padding-top: 2px;}

#btnAdd img,  #btnDelete img{cursor: pointer;width: 24px;height: 24px;vertical-align: middle;  }

.deleteTag {position: absolute;z-index: 6102;width: 20px;height: 20px;background-color: white;border-radius: 50%;border: 2px solid red;color: red;font-size: 12px;top:0px;left:5px}

#lblCollectDialogInfo{}

.modal {position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;overflow: hidden;outline: 0;z-index: 1050;}
.modal-dialog {position: relative;width: auto;margin: 10px;}
.modal-content {position: relative;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #999;border: 1px solid rgba(0, 0, 0, .2);border-radius: 6px;outline: 0;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);box-shadow: 0 3px 9px rgba(0, 0, 0, .5);}
.modal-header {min-height: 16.43px;padding: 15px;border-bottom: 1px solid #e5e5e5;}
.modal-body {position: relative;padding: 15px;}
.modal-footer {padding: 15px;text-align: right;border-top: 1px solid #e5e5e5;}

.confirm_modal {height: 100px;}

.tooltip {}

.rotate {z-index: 1;}
.rotate_r1 {}
.rotate_r2 {}

.collection-bd>#colleList>li{margin-bottom: 5px;}
/** 天气样式*/


/** 舆情*/
.sentiment{height: calc(100% - 189px);}
.sentiment>.content{min-height: 210px;height: calc(100% - 46px);}   
.sentiment .search {position: relative;padding: 2px;display: inline-block;width:60%;background: #fff;border: 1px solid #989898;border-radius: 15px;text-align: center;}
.sentiment .search>input{border:0px;width: 70%;outline: none;}
.sentiment .search>i{color: #989898;font-size: 18px;}
.news-title-bar {
	text-align:center;
}
.news-title-bar>.news-title{
    padding: 4px 0;
    display: inline-block;
    float: left;
}
.news-btn-group{
	display: inline-block;
    padding: 4px;
    float: right;
}	
.news-btn-group>span{display: block;float: left;margin-top: 6px;}
.news-btn-group>span.set{margin-right: 1em;}
.news-btn-group>span>i{color: #989898;}
.negative:before {
	content: "";
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	background: url(../images/sentiment/negative.png) no-repeat;
    background-size: 23px auto;
    padding: 11px;
}
.positive:before {
	content: "";
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	background: url(../images/sentiment/positive.png) no-repeat;
    background-size: 23px auto;
    padding: 11px;
}
.hot:before {
    content: "";
    line-height: 1;
    position: absolute;
    top: -10px;
    left: -14px;
    padding: 10px 1em;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    background-color: #FF6649;
    color: #FFF;
}

.wj-search-list {
	display:none;
	position: absolute;
    top: 30px;
    width: 100%;
    background: #D7DDE2;
    border-radius: 6px;
    z-index: 10;
}
.wj-search-list>li{
	border-bottom: 1px solid #CCCCCC;
	line-height: 1.5em;
}
.wj-search-list>li:last-child{
	border-bottom:0;
}
.wj-search-list>li:hover,.wj-search-list>li:focus{
    color: #fff;
    background: #909090;
    outline: none;
}

/*舆情添加-th*/
#myModal2 .text{border-radius:20px;border:1px solid #FFF;background-color:#eeeeee;height:40px;width:82%;margin-right:5px;}
#myModal2 .modal-header2 {padding: 16px 20px 10px 20px;height:60px;}
#myModal2 .modal-header2 #modal_text{text-align:center;}
#myModal2 .modal-header2 .modal_text {height:38px;border:1px solid #DCDCDC;width:84%;border-radius:15px;float:left;background-color:#eee;}
#myModal2 .modal-header2 img {width:37px;height:37px;float:right;}
#myModal2 .modal-header2 .sub_text{display:inline-block;height:36px;width:88%;border:0;background-color:#eee;-webkit-appearance:none;outline:none;}
#myModal2 .modal-footer2{padding:15px;}
#myModal2 .modal-footer2 .btn_group{text-align:center;}
#myModal2 .modal-footer2 input{width:82px;height:36px;border-radius:3px;color:#fff;font-size:18px;}
#myModal2 .modal-footer2 .confirm{background-color:#00A1D8;border:1px solid #00A1D8;}
#myModal2 .modal-footer2 .cancel{background-color:#B4B4B4;border:1px solid #B4B4B4;margin-left:40px;}
#myModal2 .modal-body2{position: relative;padding:15px;min-height:225px;overflow:hidden;}
#myModal2 .modal-body2 >div{float:left;margin-bottom:16px;}
#myModal2 .modal-body2 span{float:left;background-color:#eeeeee;display:inline-block;height:36px;line-height:22px;padding:7px;border-radius:6px 0 0 6px;}
#myModal2 .modal-body2 .x{border-radius:0 6px 6px 0;margin:0 18px 0 2px;}
#myModal2 .add_keywords{background-color: #eeeeee;min-height:40px;}
#myModal2 .add_keywords>p{line-height:40px;margin:0 auto;text-align:center;font-size:16px;color:#666;}


.sentiment>.content .exponent{padding: 15px 0px;width: 35%;text-align: center;float: left;}
.sentiment>.content .exponent>img{width: 60%;}
.sentiment>.content .exponent>div{  margin: 5px 0px;font-size: 15px;overflow: hidden;}
.sentiment>.content .exponent>div>div{float:left;}
.sentiment>.content .exponent>div>div:nth-child(odd){text-align: right;width: 55%;}
.sentiment>.content .exponent>div>div:nth-child(even){text-align: left;width: 45%;}
.sentiment>.content .exponent>.exponentNum{font-size: 25px;margin-top: 10px;color: #ed7b04;}
.sentiment>.content .listInfo>.title{font-size: 18px;line-height: 25px;text-align:center;padding: 8px;border-bottom: 1px dotted #CCC8C3;}
.sentiment>.content .listInfo>.title>span:nth-child(even){}

.sentiment>.content .listInfo>.title>.toList{display:inline-block;position: absolute;right:0;margin-right: 10px;color: #4797EA;;font-size: 14px;}
/* .sentiment>.content .listInfo>ul{margin:0 10px;} */
/* .sentiment>.content .listInfo>ul>li{position: relative;text-indent: 1.5em;padding:0 10px;overflow: hidden;line-height: 40px;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;} */

.sentiment>.content .listInfo {
    height: initial;
}
.sentiment>.content .list-box {
	margin: 0;
	padding: 0;
    height: calc(100% - 42px);
    overflow: scroll;	
}
.sentiment>.content .list-box>li {
	position: relative;
/*     padding: 10px; */
}
.sentiment>.content .list-box>li>p{
    margin-bottom: 0;
}
.sentiment>.content .list-box>li:after{
	position: absolute;
    right: 10px;
    bottom: 0;
    left: 10px;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #c8c7cc;
}

.info-title {
	font-size: 15px;
    text-indent: 1.5em;
    position: relative;
    padding: 10px 0;
    margin: 0 10px;
}
.info-content {
    font-size: 13px;
    line-height: 1.5em;
    color: #8A8A8A;
}
.extra-info-bar{
	text-align: center;
	color: #0096E9;
	font-size: 12px;
    margin-bottom: 0;
}
.my-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.my-ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
       text-align: justify;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.keywordSet{padding: 20px;font-size: 15px;  position: fixed;top: 45px;left: 0px;right: 0px;bottom: 50px;overflow: scroll;}
.keywordSet>div{border-radius: 5px;border:1px solid #cfcfcf;margin-bottom: 20px;}
.keywordSet>.setInfo{display: none}
.keywordSet>div>.title{padding: 10px;border-bottom: 1px solid #cfcfcf;line-height: 26px;overflow: hidden;}
.keywordSet>div>.title>span{display: block;float: left;}
.keywordSet>div>.title>div{width: 150px;border: 1px solid #cfcfcf;float: left;padding: 3px 5px;margin-left: 20px;}
.keywordSet>div>.title>div>input{border: 0;width:100%}
.keywordSet>div>.title>.del_w{float: right;font-size: 26px;color: #f64545;}
.keywordSet>div>.keywords>ul{overflow: hidden;}
.keywordSet>div>.keywords>ul>li{width: 33%; float:left;    padding: 10px 0;}
.keywordSet>div>.keywords>ul>li>div{border: 1px solid #cfcfcf;padding: 3px 5px;width: 75%;margin: auto;}
.keywordSet>div>.keywords>ul>li>div>input{border: 0;width:100%}

.keywordSet>.addKeyWord{padding: 10px;margin-top: 20px;border: 1px dashed #cfcfcd;text-align: center;color: #666666;}

.radio_w>.answer{text-align: center;}
.radio_w>.answer>li{display: inline-block;width: 100px;text-align: center;line-height: 20px;}
.radio_w label:before {content: ''; display: inline-block;width: 10px; height: 10px; border-style: solid;border-width: 2px; border-radius: 30px;margin-right: 10px;}

.radio_w input:checked + label:before{ background-color: #4997ec;}

.radio_w label:before { box-shadow: 0 0 1px #000}
.radio_w label:before {border-color: #FFF;}
.radio_w label:before { background-color: #cfcfcf;}
[hidden] { display: none;}

.buttons_w{position: fixed; bottom: 10px; text-align: center; width: 100%;line-height: 50px;line-height: 50px;background-color: #fff;}
.buttons_w>span{ padding: 5px 60px;background-color: #00a1d8; color: #fff;box-shadow: 0 0 1px #00a1d8;border-radius: 5px;}
.buttons_w>span>i{margin-right: 10px}

.details{position: relative;height: calc(100% - 0px);overflow: scroll;padding:0 15px;}
.details img, .details iframe {
    width: 100%!important;
    max-width: 100%!important;
}
.details>.title{text-align: left;font-size: 16px;margin-top:45px;margin-bottom: 10px;font-weight: bold;line-height: 25px;}
.details-body{
	margin-bottom: 3em;
}
.details-body-pic {
	margin: auto;
}
.details-body-pic img {
	width: 100%;
}
.details-body-text {
	text-indent: 2em;
    margin-top: 10px;
    line-height: 1.5em;
	text-align: justify;
	word-break: break-all;
}
/* .details-from-btn { */
/*     position: absolute; */
/*     margin-bottom: 2em; */
/*     left: 15px; */
/*     color: #0096E9; */
/*     text-decoration: underline; */
/* } */

.details-from-btn {
    color: #0096E9;
    text-decoration: underline;
    padding-bottom: 20px;
}

.sentimentList{}
.sentimentList>ul>li{overflow: hidden;}
.sentimentList>ul>li>div:nth-child(odd){font-size: 16px;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis; width: 75%; overflow: hidden;float: left;}
.sentimentList>ul>li>div:nth-child(even){float: right;font-size: 13px;color: #666666;}

.nav_w{margin-top: 45px;color: #666666;}
.nav_w>ul{overflow: hidden;}
.nav_w>ul>li{float: left; width: 25%;line-height: 40px;text-align: center;border-bottom: 2px solid #b4b4b4;}
.nav_w>ul>.aivity{color:#3598dc;border-color:#3598dc;}

.countChat{}
.chart {height: 250px;margin: 0;padding: 0 8px;}
h5 {margin: 15px 0px;font-weight: bold;}
h5:first-child {margin-top: 15px;padding: 0 10px;}

.nav_w>.nav_btn{font-size: 13px;display: none}
.nav_w>.nav_btn>li{border: 0px;height: 30px;line-height: 30px;background-color: #f0f0f0;background-color: #f0f0f0;}
.nav_w>.nav_btn>.aivity{color: #BBB;}
.nav_w>#custom_m>li{float: initial; width: auto;}
.nav_w>#custom_m>li>div{float: left;text-align: left;height: 30px;position: relative;}
.nav_w>#custom_m>li>div>input{width: 70%;height: 20px;margin-top: 5px;margin-right: 10px;margin-left: 10px;}
.nav_w>#custom_m>li>div>i{font-size: 20px;position: absolute;top: 4px;}
.nav_w>#custom_m>li>.btn_w{text-align: center;}
.nav_w>#custom_m>li>.btn_w>.confirm_w{padding: 3px 10px;background-color: #3598dc;color: #fff;border-radius: 3px;}

.fa-angle-left{font-size: 15px;margin-right: 5px;}
.fa-angle-right{font-size: 15px;margin-left: 5px;}


.buttons_w>.nosub{background-color: #9A9A9A;box-shadow: 0 0 0 1px #B7B7B7;}